*{
	margin: 0;
	padding: 0;
}
.route, .classify {
		font-size: 14px;
		line-height: 4;
		border-bottom: 1px solid #d0d6d9;
	}
	.route span:last-child {
		color: #29b078;
	}
		.class-list {
			li {
				float: left;
				margin-right: 30px;
				&:first-child {
					color: #999;
				}
			}
			a {
				color: #333;
				padding: 5px;
			}
		}
			.class-list a:hover, .class-list .active {
				background: #29b078;
				color: #fff;
			}
	.section {
		position: relative;
		word-break: break-all;
	}
		.section>p {
			line-height: 4;
			font-size: 16px;
			color: #333;
			font-weight: 700;
			border-bottom: 1px solid #d0d6d9;
		}
		@media (min-width: 979px) {
			.section .col-md-4 .box{
				margin-right: 15px;
				margin-top: 15px;
			}
			main .row {
				margin-right: -15px;
				&:last-child {
					margin-bottom: 50px;
				}
			}
		}
		@media (max-width: 978px) {
			.col-sm-12 {
				padding: 0;
				margin: 15px 0; 
			}
			.class-list {
				text-align: center;
				li {
					float: none;
					line-height: 40px;
					margin-right: 0; 
				}
			}
			.section tr:last-child td {
				padding-left: 10px;
			}
		}
		.section {
			.box {
				position: relative;
				background: #fff;
			}
			table {
				font-size: 12px;
			}
			h4 {
				font-size: 18px;
				font-weight: 700;
			}
			.avatar {
				width: 40%;
				text-align: center;
				border-right: 0;
			}
			.info {
				border-left: 0;
				padding-left: 0;
			}
			.icon {
				display: inline-block;
				width: 16px;
				height: 17px;
				background: url(../image/star.png) no-repeat center;
				margin-left: 10px;
				vertical-align: text-bottom;
			}
		}
		.section tr:nth-child(2) td {
			width: 50%;
		}
		.section td {
			padding: 10px;
			border: 1px solid #edf1f2;
		}
			.avatar img {
				width: 120px;
			}
			h4 {
				font-weight: 700;
			}
			.detail {
				word-break: break-all;
				font-size: 14px;
				line-height: 20px;
				color: #333;
			}
			.table-dt {
				color: #999;
				font-weight: 700;
			}
			.table-dd {
				color: #333;
				font-weight: 700;
			}
			.high-light {
				color: #f01400;
				font-weight: 700;
				margin: 0 5px;
			}
			
		.section .cover {
			position: absolute;
			display: none;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			padding: 85px 30px;
			background: rgba(0,0,0,.7);
			border-radius: 3px;
			word-break: break-all;
			transition: all .5s;
		}
		.section .box:hover .cover {
			display: block;
		}
			.cover p {
				font-size: 16px;
				line-height: 22px;
				color: #fff;
				font-weight: 700;
				&:first-child {
					margin-bottom: 30px;
				}
			}
